<!-- 导航栏组件 -->
<header class="header fixed-header">
  <div class="container nav-container">
    <div class="logo">
      <img src="__BASE_PATH__images/admin-manage-logo.png" alt="电光云Logo">
    </div>
    <nav>
      <ul class="nav-links">
        <li><a href="__BASE_PATH__index.html" class="__HOME_ACTIVE__">首页</a></li>
        <li class="dropdown">
         <a href="#" class="__PRODUCTS_ACTIVE__ dropdown-toggle">产品服务</a>
          <ul class="dropdown-menu">
            <li><a href="__BASE_PATH__pages/product1.html">超算云算力服务产品</a></li>
            <li><a href="__BASE_PATH__pages/product2.html">算力产品定制化业务</a></li>
            <li><a href="__BASE_PATH__pages/product3.html">算力运营服务</a></li>
            <li><a href="__BASE_PATH__pages/product4.html">自主可控CAE仿真应用</a></li>
          </ul>
        </li>
        <li><a href="__BASE_PATH__pages/news.html" class="__NEWS_ACTIVE__">新闻资讯</a></li>
        <li><a href="__BASE_PATH__pages/about.html" class="__ABOUT_ACTIVE__">关于我们</a></li>
        <li><a href="__BASE_PATH__pages/contact.html" class="__CONTACT_ACTIVE__">联系我们</a></li>
        <li><button class="btn-try"><i class="fas fa-calculator"></i> 免费试算</button></li>
      </ul>
    </nav>
    
    <!-- 移动端导航按钮 -->
    <button class="mobile-nav-toggle" aria-label="菜单">
      <i class="fas fa-bars"></i>
    </button>
  </div>
  
  <!-- 移动端导航菜单 -->
  <div class="mobile-nav">
    <div class="mobile-nav-header">
      <div class="mobile-nav-logo">
        <img src="__BASE_PATH__images/admin-manage-logo.png" alt="电光云Logo">
      </div>
    </div>
    <ul class="mobile-nav-list">
      <li class="mobile-nav-item">
        <a href="__BASE_PATH__index.html" class="mobile-nav-link">首页</a>
      </li>
      <li class="mobile-dropdown">
        <button class="mobile-dropdown-toggle">
          产品服务
        </button>
        <ul class="mobile-dropdown-menu">
          <li class="mobile-dropdown-item">
            <a href="__BASE_PATH__pages/product1.html" class="mobile-dropdown-link">超算云算力服务产品</a>
          </li>
          <li class="mobile-dropdown-item">
            <a href="__BASE_PATH__pages/product2.html" class="mobile-dropdown-link">算力产品定制化业务</a>
          </li>
          <li class="mobile-dropdown-item">
            <a href="__BASE_PATH__pages/product3.html" class="mobile-dropdown-link">算力运营服务</a>
          </li>
          <li class="mobile-dropdown-item">
            <a href="__BASE_PATH__pages/product4.html" class="mobile-dropdown-link">自主可控CAE仿真应用</a>
          </li>
        </ul>
      </li>
      <li class="mobile-nav-item">
        <a href="__BASE_PATH__pages/news.html" class="mobile-nav-link">新闻资讯</a>
      </li>
      <li class="mobile-nav-item">
        <a href="__BASE_PATH__pages/about.html" class="mobile-nav-link">关于我们</a>
      </li>
      <li class="mobile-nav-item">
        <a href="__BASE_PATH__pages/contact.html" class="mobile-nav-link">联系我们</a>
      </li>
      <li class="mobile-nav-cta">
        <a href="__BASE_PATH__pages/try-calculation.html" class="mobile-nav-btn">免费试算</a>
      </li>
    </ul>
  </div>
  
  <!-- 移动端导航遮罩 -->
  <div class="mobile-nav-overlay"></div>
</header>

<style>
/* 固定导航栏样式 */
.fixed-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  transition: all 0.3s ease;
}
</style>

<!-- 免费试算功能由trial-form.js提供 -->